﻿@{
    ViewData["Title"] = "TuppingRamAdd";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<br />
<br />
<button id="addRowBtn" class="layui-btn layui-bg-red"><i class="layui-icon layui-icon-addition"></i>新增行</button>

<table id="dataTable" class="layui-table">
    <thead>
        <tr>
            <th style="width:120px">序号</th>
            <th style="width:120px">耳号</th>
            <th style="width:120px">栋舍</th>
            <th style="width:120px">栏位</th>
            <th style="width:120px">只数</th>
            <th style="width:120px">重量</th>
            <th style="display:none"></th> <!-- 隐藏的种类值，默认为1 -->
            <th style="width:80px">操作</th>
        </tr>
    </thead>
    <tbody>
        <!-- Rows will be dynamically added here -->
    </tbody>
</table>
<script src="~/js/beginning/tuppingramadd.js?EB="+new Date()></script>
<style>
    /* 模拟layui的下拉框样式 */
    .select-wrapper {
        position: relative;
        display: inline-block;
        font-family: Arial, sans-serif;
        overflow: hidden;
        border: 1px solid #e6e6e6; /* 边框样式 */
        border-radius: 4px; /* 圆角 */
        background-color: #fff; /* 背景颜色 */
    }

        .select-wrapper select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
            padding: 8px 10px;
            font-size: 14px;
            cursor: pointer;
            width: 200px;
            background: transparent; /* 透明背景 */
        }

        .select-wrapper::after {
            content: '\25BE'; /* 下三角形符号 */
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            pointer-events: none;
        }

        /* 根据选中状态改变样式 */
        .select-wrapper select:focus + ::after {
            color: #009688; /* 选中时的颜色 */
        }
</style>



